<template>
	<div class="u-page u-general-color">
		<u-navbar :title="title" :background="background" :border-bottom="false" :title-bold="true" title-color="#040503" back-icon-color="#040503"></u-navbar>
		<div style="margin: 0 auto;text-align: center;display: flex;flex-wrap: wrap;">
			<div class="type-box" v-for="(item,index) in Business" @click="$u.route(item.url)">
				<div class="u-pt-20" style="width: 150rpx;margin: 0 auto;">
					<u-icon :name="item.image" color="#eb5468" size="70"></u-icon>
				</div>
				<div class="u-pt-10 u-title">
					{{item.title}}
				</div>
				<div class="u-pt-10 modal-type-text">
					{{item.mess}}
				</div>
			</div>
		</div>
	</div>
</template>

<script>

export default {

  data() {
    return {
		Business: [
			{
				image: 'edit-pen-fill',
				title: '品牌推广',
				mess: '发起一个品牌推广任务。',
				url: 'pages_tabbar_contact/personal_contact/SelectProductList'
			},
			{
				image: 'edit-pen-fill',
				title: '样品推广',
				mess: '发起一个样品推广任务。',
				url: 'pages_tabbar_contact/personal_contact/SelectProductList?tag=sample'
			},
			{
				image: 'email-fill',
				title: '发起招聘',
				mess: '从历史招聘选择或重新填写招聘内容发起一个招聘业务。',
				url: 'pages_private_scene2/Recruit3/SetTask'
			},
			{
				image: 'moments',
				title: '发起推广',
				mess: '从历史推广选择或重新填写推广内容发起一个推广业务。',
				url: 'pages_private_scene2/Promote2/SetTask'
			},
			{
				image: 'gift-fill',
				title: '9.9专区',
				mess: '不到10元，尽享惊喜！兄弟姐妹们快来试试吧！',
				url: '/pages_private_scene2/GroupPurchase/RushPurchase'
			},
			{
				image: 'car-fill',
				title: '团销活动',
				mess: '从团销活动专场中发起团销获取更多利益。',
				url: '/pages_tabbar_contact/personal_contact/GroupMarketings'
			}
		],
		title: '业务列表',
		background: {
			backgroundColor: '#f3e4e9',
		},
	};
  },

  onLoad() {
    //未登录跳转到登录页面
    var loginRes = this.checkLogin();
    if (loginRes) {
		this.UserInfo = uni.getStorageSync('userInfo')
    }
  },

  onShow(){
  },

  onPullDownRefresh() {
	// 停止Loading
	setTimeout(() => {
		// 停止Loading
		uni.stopPullDownRefresh();
	}, 1500)
  },

  methods: {
	  
  },
};
</script>

<style scoped>
	.type-box{
		width: 335rpx;
	    height: 350rpx;
		background-color: #FFFFFF;
		text-align: center;
		margin-left: 28rpx;
		margin-top: 40rpx;
		border-radius: 20rpx;
	}
	
	.modal-type-text{
		width: 90%;
		margin: 0 auto;
		color: #989898;
	}
</style>